﻿<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>青岛市轮滑运动协会</title>
	<meta name="viewport" content="width=device-width, initial-scale=1  maximum-scale=1 user-scalable=no">
	<meta name="mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-touch-fullscreen" content="yes">
	<meta name="HandheldFriendly" content="True">

	<link rel="stylesheet" href="${request.contextPath}/statics/css/materialize.css">
	<link rel="stylesheet" href="${request.contextPath}/statics/font-awesome/css/font-awesome.min.css">
	<link rel="stylesheet" href="${request.contextPath}/statics/css/normalize.css">
	<link rel="stylesheet" href="${request.contextPath}/statics/css/owl.carousel.css">
	<link rel="stylesheet" href="${request.contextPath}/statics/css/owl.theme.css">
	<link rel="stylesheet" href="${request.contextPath}/statics/css/owl.transitions.css">
	<link rel="stylesheet" href="${request.contextPath}/statics/css/fakeLoader.css">
	<link rel="stylesheet" href="${request.contextPath}/statics/css/style.css?r=15">


</head>
<body class="signup-bg" style="background-color: #1059A3;">
<!-- side nav left-->
<div  class="side-nav-panel-left">
	<ul id="slide-out-left" class="side-nav side-nav-panel collapsible">
		<li class="li-top">
			<div class="collapsible-header active"><i class="fa fa-home"></i>Home <span><i class="fa fa-caret-down"></i></span></div>
			<div class="collapsible-body">
				<ul class="side-nav-panel">
					<li><a href="index.html">Home Default</a></li>
					<li><a href="home-business.html">Home Business</a></li>
					<li><a href="home-portfolio.html">Home Portfolio</a></li>
					<li><a href="home-shop.html">Home Shop</a></li>
					<li><a href="home-blog.html">Home Blog</a></li>
				</ul>
			</div>
		</li>
		<li>
			<div class="collapsible-header"><i class="fa fa-shopping-cart"></i>Shop <span><i class="fa fa-caret-down"></i></span></div>
			<div class="collapsible-body">
				<ul class="side-nav-panel">
					<li><a href="home-shop.html">Shop</a></li>
					<li><a href="shop-single.html">Shop Single</a></li>
					<li><a href="checkout.html">Checkout</a></li>
				</ul>
			</div>
		</li>
		<li>
			<div class="collapsible-header"><i class="fa fa-file-o"></i>Pages <span><i class="fa fa-caret-down"></i></span></div>
			<div class="collapsible-body">
				<ul class="side-nav-panel">
					<li><a href="pricing.html">Pricing</a></li>
					<li><a href="error404.html">404</a></li>
					<li><a href="team.html">Team</a></li>
					<li><a href="testimonial.html">Testimonial</a></li>
				</ul>
			</div>
		</li>
		<li>
			<div class="collapsible-header"><i class="fa fa-bold"></i>Blog <span><i class="fa fa-caret-down"></i></span></div>
			<div class="collapsible-body">
				<ul class="side-nav-panel">
					<li><a href="home-blog.html">Blog Slider</a></li>
					<li><a href="blog.html">Blog</a></li>
					<li><a href="blog-single.html">Blog Single</a></li>
				</ul>
			</div>
		</li>
		<li><a href="about-us.html"><i class="fa fa-user"></i>About Us</a></li>
		<li><a href="contact.html"><i class="fa fa-envelope-o"></i>Contact Us</a></li>
		<li><a href="login.html"><i class="fa fa-sign-in"></i>Login</a></li>
		<li><a href="register.html"><i class="fa fa-user-plus"></i>Register</a></li>
	</ul>
</div>
<!-- end side nav left-->


<!-- register -->
<div id="rrapp" class="section">
	<div class="container">
		<div class="pages-head" style="color: #fff; font-size: 24px; ">
			<div>轮滑协会认证</div>
			<div>运动员证查询</div>
		</div>
		<div class="register">
			<div class="register-title">
				查询条件
			</div>
			<div class="register-row">
				<form class="col s12">
					<div class="register-input">
						<label class="register-label">姓名<label style="color: red;">*</label></label>
						<input type="text" class="validate" v-model="dataForm.username" placeholder="请输入姓名" required>
					</div>
					<div class="register-input">
						<label class="register-label">证件号码<label style="color: red">*</label></label>
						<input type="email" placeholder="请输入身份证号" v-model="dataForm.idCard" class="validate" required>
					</div>
					<div class="register-btns">
						<div class="register-btn" @click="kjQuery">立即查询</div>
					</div>
				</form>
			</div>
		</div>
		<div style="background-color: #3665a5; border-radius: 5px; margin-top: 20px;">
			<div class="about-us-foot" style="color: #fff; text-align: left; padding: 10px 15px;">
				<p>温馨提示： </p>
				<p>1.请输入查询的姓名和证件号</p>
				<p>&nbsp;</p>
			</div>
		</div>
	</div>
</div>
<!-- end register -->

<!-- scripts -->
<script src="${request.contextPath}/statics/js/jquery.min.js"></script>
<script src="${request.contextPath}/statics/js/materialize.min.js"></script>
<script src="${request.contextPath}/statics/js/owl.carousel.min.js"></script>
<script src="${request.contextPath}/statics/js/fakeLoader.min.js"></script>
<script src="${request.contextPath}/statics/js/main.js"></script>
<script src="${request.contextPath}/statics/js/vue.min.js"></script>

<script>
	var vm = new Vue({
		el: '#rrapp',
		data: {
			dataForm: {
				username: '',
				idCard: ''
			},
		},
		created: function () {
		},
		methods:{
			// 考级查询
			kjQuery(){
				$.ajax({
					type: 'get',
					url: '${request.contextPath}/h5/queryAthlete',
					data: this.dataForm,
					success: function (res) {
						if(res.code === 0){
							// alert('报名成功');
							window.location.href = 'cer-result?id=' + res.data.id ;
						}else{
							alert(res.msg);
						}
					},
				});
			}

		}

	});
</script>


</body>
</html>
